<template>
    <div class="formBox">
        <t-form :data="formData" label-width="90" scroll-to-first-error="smooth">
            <t-row :gutter="16">
                <t-col :span="5">
                    <t-form-item label="护理项目名称：" name="name">
                        <t-input v-model="formData.name" placeholder="请输入内容"></t-input>
                    </t-form-item>
                </t-col>
                <t-col :span="4">
                    <t-form-item label="状态：" name="status">
                        <t-select v-model="formData.status">
                            <t-option label="启用" value="1" />
                            <t-option label="禁用" value="0" />
                        </t-select>
                    </t-form-item>
                </t-col>
                <t-col :span="3">
                    <t-form-item>
                        <t-button @click="reset">重置</t-button>&nbsp;&nbsp;
                        <t-button @click="search">搜索</t-button>
                    </t-form-item>
                </t-col>
            </t-row>
        </t-form>
    </div>
</template>


<script setup lang="jsx">
import { ref } from 'vue';


const props = defineProps({
    formData: {
        type: Object,
        default: () => {
            return {
                name: '',
                status: 0
            };
        }
    },

});

const emit = defineEmits(['searchFormReset','search']);
const reset = ()=>{
    emit('searchFormReset');
}
const search = ()=>{
    emit('search');
}

</script>